<template>
	<div>Child子集组件</div>
	<h3>msg: {{ msg }}</h3>
</template>

<script lang="ts">
import { defineComponent } from "vue"

export default defineComponent({
	name: "Child",
	props: ["msg"],
	// setup细节问题：

	// setup在执行的时候，当前的组件还没有渲染出来，也就意味着组件实例的this根本不能使用
	// setup是在beforeCreate生命周期之前执行，而且只执行了一次！
	beforeCreate() {
		console.log("beforeCreate执行了...")
	},
	setup() {
		console.log("setup执行了")
		return {
			// setup中一般都是返回一个对象，对象中的属性和方法都可以直接在html中进行使用！
		}
	}
})
</script>
